<!DOCTYPE html>
<html>

      <head>
            <meta charset="utf-8" />
            <meta
                  http-equiv="X-UA-Compatible"
                  content="IE=edge"
            >
            <title>Buttons Page</title>
            <meta
                  name="viewport"
                  content="width=device-width, initial-scale=1"
            >
            <link
                  rel="stylesheet"
                  type="text/css"
                  media="screen"
                  href="../atom.css"
            />
      </head>

      <body class="p_0 m_0">
            <div class="test_el w_100vw h_100vh bg_whitesmoke white font_bolder fontsize_128 flex flex_column align_center justify_center fontfamily_stheiti">
                  <div class="row flex">
                        <div class="row flex">
                              <button class="atom_btn bg_green white radius_100 m_4 border_none">Who is Superman?</button>
                              <button class="atom_btn bg_red white radius_100 m_4 border_none">Who is Superman?</button>
                              <button class="atom_btn bg_orange radius_100 white m_4 border_none">Who is Superman?</button>
                        </div>
                        <div class="row flex">
                              <button class="atom_btn bg_white green border_2 border_solid border_green m_4 radius_100">Who
                                    is Superman?</button>
                              <button class="atom_btn bg_white red border_2 border_solid border_red m_4 radius_100">Who
                                    is
                                    Superman?</button>
                              <button class="atom_btn bg_white orange border_2 border_solid border_orange m_4 radius_100">Who
                                    is Superman?</button>
                        </div>
                  </div>
                  <div class="row flex">
                        <div class="row flex">
                              <button class="atom_btn bg_green white m_4 border_none">Who is Superman?</button>
                              <button class="atom_btn bg_red white m_4 border_none">Who is Superman?</button>
                              <button class="atom_btn bg_orange white m_4 border_none">Who is Superman?</button>
                        </div>
                        <div class="row flex">
                              <button class="atom_btn bg_white green border_2 border_solid border_green m_4">Who
                                    is Superman?</button>
                              <button class="atom_btn bg_white red border_2 border_solid border_red m_4">Who is
                                    Superman?</button>
                              <button class="atom_btn bg_white orange border_2 border_solid border_orange m_4">Who
                                    is Superman?</button>
                        </div>
                  </div>

            </div>
      </body>

</html>